草庐IT

ios - SVG套件。 NSString 到 SVGKImage?

全部标签

javascript - 使用 mathjax 或类似工具将 Latex/MathML 转换为 SVG 或图像?

我正在构建一个库,它只允许对象渲染的功能返回表示自身的DOM元素,其中之一是数学,所以,或会做的,我更喜欢svg。Mathjax以在这方面非常擅长而闻名,但我需要更多类似的东西:Mathjax.Latex('\frac{2}{1}').toSVG();//svgDOMnodeorstringMathjax.Latex('\frac{2}{1}').toImage();//Image,imgnode,orbase64我知道可以使用mathjax-node,但可以使用mathjax客户端吗?https://github.com/mathjax/MathJax-node

javascript - 如果我遵循正常的 D3 方式,我是否将 eventListener 添加到每个 SVG 元素?

在d3中处理onclick的正常方式是selection.append(element).on("click",someFunction)如果我在1000个svg元素上这样做,是否意味着我只是附加了1000个不同的监听器。如果是这种情况,是否有专门针对d3的事件委托(delegate)? 最佳答案 @AlexWanswer是(部分)正确的:D3中没有事件委托(delegate),只有事件绑定(bind)。但是,我说部分是因为最好说“D3中没有用于事件委托(delegate)的本地方法”,因为实际上它很容易实现:使用D3进行事件委托(

javascript - 如何根据文本宽度动态调整 SVG 矩形的大小?

在SVG图形中,我创建了由矩形和一些文本组成的节点元素。文本的数量可能会有很大差异,因此我想根据文本的宽度设置矩形的宽度。下面是使用D3.js创建的矩形(使用固定的宽度和高度值):varrects=nodeEnter.append("rect").attr("width",rectW).attr("height",rectH);后跟文本元素:varnodeText=nodeEnter.append("text").attr("class","node-text").attr("y",rectH/2).attr("dy",".35em").text(function(d){returnd

javascript - Socket.io 在断开连接时重新连接?

这样的事情可能吗?socket.on('disconnect',function(){console.log('disconnected...');socket.connect();socket.on('connect',function(){console.log('...reconnected');})}) 最佳答案 Socket.io会自动重新连接(如果您设置了reconnect选项,虽然它默认为true),所以您真的不需要这样做。此外,还有一个似乎更合适的reconnect事件。此外,独立设置事件处理程序,不要在断开连接处理

javascript - 欢迎来到 socket.io。唯一的消息

正如socket.io官方网站所说,我正在使用socket.io和nodejs制作我的第一个应用程序,但在运行nodeserver.js后我在html上看到的唯一内容是“欢迎使用socket.io”。我怎样才能解决这个问题?或者为什么会这样?代码如下:index.htmlvarsocket=io.connect('http://abogados.pages/');socket.on('news',function(data){console.log(data);socket.emit('myotherevent',{my:'data'});});server.jsvario=requi

javascript - 通过减少节点数来简化 SVG 路径字符串

我正在生成一个表示折线图的大型SVG路径字符串。在图表下方,我有一个用于选择时间范围切片的slider。slider后面是整个折线图的迷你预览。我目前正在按比例缩小生成预览的路径,但是在这样做时我最终每个像素有数十个节点,因此需要更多的细节。当然,这给了浏览器更多的渲染任务。关于压缩svg字符串(gzipping等)的信息很多,但关于通过减少节点实际简化路径的算法的信息很少。我正在使用Raphaeljs并正在寻找基于javascript的解决方案。有什么想法吗? 最佳答案 Simplify.js可能是您正在寻找的东西。鉴于您的折线图

javascript - SVG 圆形描边原点

我在描述问题时遇到了问题,但这里是:我正在尝试制作一个SVG圆圈进度条,我找到了一个完美的例子,说明我想在没有任何第三方库(如snap)的情况下做的事情:http://codepen.io/JMChristensen/pen/Ablch问题是我在更改笔划原点方面遇到了实际问题。如果您尝试一下,您会注意到,原点位于右侧。我需要它来自顶部。现在,我是一名开发人员,所以我已经尝试过自己,但我终究无法弄清楚如何去做。如果我更改stroke-dasharray属性,笔划将与stroke-dashoffset中设置的百分比不匹配。我明白这一切都归结为stroke-dasharray值的数学运算,但

javascript - 为什么不显示 SVG 使用用 JavaScript 创建的元素?

我的文档中有一个SVG,我用JavaScript向它添加了一个符号,如下所示:varmyScene=document.getElementById('myScene');varuseSVG=document.createElement('use');useSVG.setAttribute('xlink:href','spriteSheet.svg#mySymbol');useSVG.setAttribute('x','10');useSVG.setAttribute('y','30');useSVG.setAttribute('width','10');useSVG.setAttrib

javascript - 在 Phaser.IO 中沿着预定义的路径移动 Sprite

我有一个Sprite和它的路径(path=[[1,1],[1,2],[1,3]),使用game.physics而不是的最佳实践是什么简单地改变x,y值? 最佳答案 假设您已启用物理并已将路径中的每个坐标分配给舞台区域。直线移动我会建议Physics.Arcade.movetoXY().如果您需要旋转Sprite,该函数会返回到目标位置的Angular。sprite.rotation=game.physics.arcade.moveToXY(sprite,target.x,target.y,300//speed,500//maxTim

javascript - 通过 JS 在 svg 中添加图像命名空间仍然没有显示图片

在通过图片的缩放版本获取参数后,我尝试通过Javascript在SVG中添加具有原始尺寸参数的图片。Firebug向我展示了元素和所有必要的参数,但祝我好运,我没有通过。this.svg=document.getElementsByTagNameNS('http://www.w3.org/2000/svg','svg');varbild=document.createElementNS('http://www.w3.org/2000/svg','image');varBildURL=this.image[0][0].getAttribute('xlink:href');varimgX=